<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>安复心理-官方网站</title>
  <style>
    .tip {
      position: relative;
      z-index: 3;
      height: 100%;
      width: 100%;
      background: #fff;
    }

    .tip .warn {
      margin: 100px auto;
      height: 100px;
      width: 900px;
      font-size: 24px;
      text-align: center;
      color: #fff;
      line-height: 80px;
      background-image: url("static/images/bg_tip.jpg");
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
  </style>
</head>

<body>
  <div id="app"></div>
  <!--浏览器兼容提示-->
  <div class="tip">
    <div class="warn">温馨提示：您当前的浏览器版本过低，请使用其他浏览器</div>
  </div>
  <script>
    var dom = document.querySelector(".tip");
    var app = document.querySelector('#app');
    if (navigator.userAgent.indexOf('MSIE 8.0') > 0 || navigator.userAgent.indexOf('MSIE 7.0') > 0 || navigator.userAgent.indexOf('MSIE 6.0') > 0) {
      dom.style.display = "block";
      app.style.display = "none";
    } else {
      dom.style.display = "none";
      app.style.display = "block";
    }
  </script>
</body>

</html>